<template>
  <div class="demo">
    <el-col :span="12">
      <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
        background-color="#fff" text-color="#555" active-text-color="skyblue" :collapse-transition="false" :unique-opened="true">
        <el-submenu index="1">
          <template slot="title" >
            <i class="el-icon-s-cooperation"></i>
            <span>综合测评</span>
          </template>
          <el-menu-item-group>
            <router-link to="/Self_of_s">
              <el-menu-item index="1-1">
                <!-- 在Vue中使用router-link替代a标签来实现页面的跳转 -->
                学生自评
              </el-menu-item>
            </router-link>
            <router-link to="/Class">
              <el-menu-item index="1-2">
                班级审核
              </el-menu-item>
            </router-link>

          <router-link to="/Class_dis">
            <el-menu-item index="1-3">
              班内公示
            </el-menu-item>
          </router-link>

          <router-link to="">
            <el-submenu index="1-4">
              <template slot="title">学院复核</template>
              <router-link to="/Review/Class_list">
                <el-menu-item index="1-4-1">
                  班级列表
                </el-menu-item>
              </router-link>
              <router-link to="/Review/Student_list">
                <el-menu-item index="1-4-2">
                  学生列表
                </el-menu-item>
              </router-link>
            </el-submenu>
          </router-link>

          <router-link to="/Approval">
            <el-menu-item index="1-4">
              学校核定
            </el-menu-item>
          </router-link>
          </el-menu-item-group>
          <!-- <el-submenu index="1-4">
            <template slot="title">选项4</template>
            <el-menu-item index="1-4-1">选项1</el-menu-item>
          </el-submenu> -->
        </el-submenu>

        <router-link to="/Search">
          <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <span slot="title">
              历史搜索
            </span>
          </el-menu-item>
        </router-link>
        <router-link to="/Data">
          <el-menu-item index="3">
            <i class="el-icon-document"></i>
            <span slot="title">数据分析</span>
          </el-menu-item>
        </router-link>

        <router-link to="/Scholarship">
          <el-menu-item index="4">
            <i class="el-icon-trophy"></i>
            <span slot="title">奖学金申请</span>
          </el-menu-item>
        </router-link>

        <router-link to="Fdifficulty">
          <el-menu-item index="5">
            <i class="el-icon-coordinate"></i>
            <span slot="title">经济困难学生认定</span>
          </el-menu-item>
        </router-link>
      </el-menu>
    </el-col>
  </div>

</template>
<script>
export default {
  name: 'Nav',
  methods: {
    handleOpen (key, keyPath) {
      // console.log(key, keyPath);
    },
    handleClose (key, keyPath) {
      // console.log(key, keyPath);
    },
    handleClick (tab, event) {

    }
  }
}
</script>
<style scoped>
.demo .el-col,
.demo .el-col li {
  width: 100%;
  text-align: left;
}

.el-aside {
  height: 100vh;
}

.el-aside ul {
  border: none !important;
}

a {
  text-decoration: none;
  /* color: #555; */
}
</style>
